<template>
  <div>{{data}}</div>
</template>

<script>
export default {
  name: "AComponent",
  props:{
    info:{
      type:Object
    }
  },
  watch:{
    info:{
      handler(newValue,oldValue){
          console.log("newValue",newValue)
          this.data = JSON.stringify(newValue)
          //this.$forceUpdate() ;
      },
      deep:true,
      immediate:true
    }
  },
  data(){
    return{
      data:'6666'
    }
  }
}
</script>

<style scoped>

</style>